<template>
	<div class='imgSectionTitle'>
	
	<span class='imgSectionTitleAfter'></span>
	<span class='imgSectionTitleContent'>{{title}}</span>
	<span class='imgSectionTitleBefore'></span>
	
	</div>
</template>

<script>
	export default {
    props:{
			title:''
		},
		data(){
			return{
				
			}
		},
		methods:{
	
		}
	}
</script>

<style>
	.imgSectionTitle{
		width: 100%;
		text-align: center;
		font-size: 30px;
		font-family: PingFang SC-Semibold, PingFang SC;
		font-weight: 600;
		color: #333333;
		line-height: 30px;
		margin-top: 60px;
		margin-bottom: 24px;
		display: flex;
	  justify-content: center;
		align-items: center;
	}
	.imgSectionTitleAfter, .imgSectionTitleBefore{
		width: 82px;
		height:2px;
		background-color: #EFEFEF;
	}
	.imgSectionTitleContent{
		margin:0 24px;
	}
</style>
